<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				$("button").click(function(){
					console.log("button")
					//alert();
				})
				
				$("select").change(function(){//change改变后执行
					console.log($(this).val())//$(this)转换成jq,val是jq中的
				})
				$("#txt").blur(function(){
					if($(this).val()==="")
						$(this).val("账号")
					
				})
				$("#txt").focus(function(){
					if($(this).val()==="账号")
						$(this).val("")
				})
//				$("#button").mouseover(function(){
//					$(this).css("color","red")
//				})
//				$("button").mouseout(function(){
//					$(this).css("color","block")
//				})

				$("button").hover(function(){
					$(this).css("color","red")
				}, function(){
					$(this).css("color","black")
				})
				$("#txt").on("click dbclick",function(){
					console.log(1)
				})
			})
		</script>
	</head>
	<body>
		<div class="div">
			<button type="button">点击</button>
		</div>
		<select name="" size="0">//至少显示一项
			<option value="1">做球1</option>
			<option value="2">做球2</option>
			<option value="3">做球3</option>
		</select>
		<input type="text" id="" placeholder="iii"></input>
		<input type="text" id="txt" value=""></input>
		<input type="submit" name="" id="submit" value="提交"/>
	</body>
</html>
